<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>表单选择器</title>
  <script src="jquery-1.11.3.min.js"></script>
 </head>
 <body>
    <form>
       <p>用户名：<input type="text"></p>
       <p>密  码：<input type="password"></p>
	   <p>邮  件：<input type="email"></p>
	   <p>唱歌<input type="checkbox" checked="checked"> 玩游戏<input type="checkbox"></p>
	   <p>城  市：<select>
	      <option>北京</option>
          <option>上海</option>
		  <option>广州</option>
	   </select></p>
	   <textArea></textArea>
	   <p><button>确定</button><input type="reset"></p>
   </form>
 </body>
 <script>
    //console.log($(":input"));
	 $(":input:text").css({"background-color":"yellow"});
	 $(":input:password").css({"background-color":"blue"});
     console.log($("select option:selected").val());
 </script>
</html>
